.service {
  width: 100%;
  height: 50rem/@baseFontSize;
  .top {
    background: rgba(255, 255, 255, 1);
    ul {
      height: auto;
      width: auto;
      a {
        li {
          font-size: 8rem/@baseFontSize;
          margin: 0 27rem/@baseFontSize;
          display: inline-block;
          height: 50rem/@baseFontSize;
          float: right;
          line-height: 50rem/@baseFontSize;
          color: #142434;
        }
      }
    }
  }
  .banner {
    position: relative;
    .banner_img {
      width: 100%;
      height: 270rem/@baseFontSize;
      background: url(../images/banner2.png) no-repeat top center;
      background-size: 100% 100%;
    }
    .banner_title {
      position: absolute;
      width: 100%;
      height: 100rem/@baseFontSize;
      filter: Alpha(opacity=50);
      left: 0;
      bottom: 70rem/@baseFontSize;
      font-size: 15rem/@baseFontSize;
      font-family: MicrosoftYaHei;
      font-weight: bold;
      text-align: center;
      .context{
        margin: 0 auto;
        width: 320rem/@baseFontSize;
        h3 {
          font-size: 18rem/@baseFontSize;
          font-family: MicrosoftYaHei-Bold;
          font-weight: bold;
          color: rgba(255, 255, 255, 1);
          line-height: 12rem/@baseFontSize;
          text-align: left;
        }
        h4 {
          font-size: 12rem/@baseFontSize;
          font-family: MicrosoftYaHei-Bold;
          font-weight: bold;
          color: rgba(255, 255, 255, 1);
          line-height: 12rem/@baseFontSize;
          text-shadow: 0px 2px 3px rgba(7, 0, 2, 0.75);
          margin-top: 20rem/@baseFontSize;
          text-align: left;
        }
      }


    }

    .banner_text {
      position: absolute;
      width: 100%;
      height: 70rem/@baseFontSize;
      background: rgba(238, 238, 238, 1);
      left: 0;
      bottom: 0;
      font-size: 15rem/@baseFontSize;
      font-family: MicrosoftYaHei;
      font-weight: bold;
      color: rgba(27, 37, 46, 1);
      text-align: center;
      line-height: 70rem/@baseFontSize;
    }

  }
  .service_problem{
    border-top: 1px dashed rgba(131, 128, 110, 0.93);
    border-bottom: 1px dashed rgba(131, 128, 110, 0.93);
    height: 200rem/@baseFontSize;
    background:rgba(238,238,238,1);
    position: relative;
    .center{
      width: 150rem/@baseFontSize;
      height: 200rem/@baseFontSize;
      position: absolute;
      left: 50%;
      margin-left: -75rem/@baseFontSize;
      img{
        height: 127rem/@baseFontSize;
        width: auto;
        margin:  30rem/@baseFontSize auto;
        display: block;
      }

    }
    .left{
      height: 200rem/@baseFontSize;
      width: 50%;
      float: left;
      background-color: pink;
      .problem_info{
        width:190rem/@baseFontSize;
        height:48rem/@baseFontSize;
        background:rgba(255,255,255,1);
        border:1px solid rgba(254, 173, 78, 1);
        border-radius:5px 5px 5px 5px;
        display: block;
      }

      .left_top{
        width:100%;
        height: 50%;
        position: relative;
        .problem_info{
          position: absolute;
          right: 100rem/@baseFontSize;
          bottom: 30rem/@baseFontSize;
        }
      }
      .left_bottom{
        width:100%;
        height: 50%;
        position: relative;
        .problem_info{
          position: absolute;
          right: 100rem/@baseFontSize;
          top:30rem/@baseFontSize;
        }
      }


    }
    .right{
      height: 200rem/@baseFontSize;
      width: 50%;
      float: left;
      background-color: blue;
    }
  }

}